img,#aperçu{
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer */
  user-select: none;
}

#introson img {
  width: 250px;
  position: absolute;
  z-index: -1;
  left: 37%;
  top: -13%;
  
}

#refrain img {
  width: 400px;
  position: absolute;
  z-index: -1;
  left: 48%;
  top: -14%;
}
#couplet1 img {
  width: 410px;
  position: absolute;
  z-index: -1;
  left: 29%;
  top: -30%;
}
#refrain2 img {
  width: 353px;
  position: absolute;
  z-index: -1;
  left: 50%;
  top: -7%;
  opacity: 19;
}
#couplet2 img {
  width: 521px;
  position: absolute;
  z-index: -1;
  left: 27%;
  top: -6%;
}
#prerefrain img {
  width: 300px;
  position: absolute;
  z-index: -1;
  left: 51%;
  top: 16%;
}
#refrain3 img {
  width: 330px;
  position: absolute;
  z-index: -1;
  left: 41%;
  top: -20%;
}
#vidéo {
  padding-bottom: 50px;
}
@media screen and (max-width: 1806px) {
  #vide_vidéo1 .vide1,
  #vide_vidéo1 .vide2,
  #vide_vidéo1 .vide3,
  #vide_vidéo2 .vide1,
  #vide_vidéo2 .vide2,
  #introson img,
  #refrain img,
  #couplet1 img,
  #refrain2 img,
  #prerefrain img,
  #refrain3 img,
  #couplet2 img {
    width: 0px;
  }
}
.bulldeau,#H2O {
  visibility: hidden;
}
.bulledeau.animate{
  visibility: visible;
  animation: bounce-in-top 2.5s both;
  
}
.paroless{
  visibility: hidden;
}
.bulledeau.animate .paroless{
  animation: apparition 1s 2.5s forwards;
}

#H2O.animate{
  visibility: visible;
  animation: bounce-in-top 8.05s both ;
 
}
@media screen and (max-width: 1050px) {
  
  .bulledeau.animate .paroless{
    animation: apparition 1s forwards;
  }
}